{% extends "base.html" %}

{% block title %}帮助中心 - 交易监控系统{% endblock %}

{% block content %}
<div class="page-header">
    <h1>帮助中心</h1>
</div>

<div class="card">
    <div class="card-body">
        <div class="help-content">
            <h2>使用指南</h2>
            <ul>
                <li>品种管理：添加/修改监控的期货品种参数</li>
                <li>自动止盈止损：设置自动化的交易策略</li>
                <li>账户连接：绑定天勤账户获取实时资金数据</li>
            </ul>
            <p style="margin-top: 10px;">        
                <h2>技术支持</h2>
                <a href="https://qm.qq.com/q/933538038" class="btn btn-link">QQ群：933538038</a>
                <a href="mailto:wg3k@foxmail.com?subject=技术支持请求&body=请在此输入您的问题" class="btn btn-link">Email: wg3k@foxmail.com</a>
            </p>
                      
            <!-- 使用新的容器结构来确保视频大小正确设置 -->
            <div style="display: flex; justify-content: left; width: 80%;">
                <div style="width: 50%; max-width: 50%;">
                    <div class="text-left mb-4">
                        <div class="mb-4">
                            <video autoplay muted loop controls class="img-fluid rounded" style="width: 50%; height: auto;">
                                <source src="{{ url_for('static', path='video/zrmhz.mp4') }}" type="video/mp4">
                                您的浏览器不支持视频播放。
                            </video>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}